<template>
  <div class="manage">
    <div class="Right">
      <div class="manage-box pr">
        <div class="manage-top clearfix">
          <div class="title-left fl">
            <span class="title-icon"></span>最新动态管理
          </div>
          <span class="el-icon-plus fr" @click="newAdd()">新增</span>
        </div>
        <div class="manage-content" v-loading="loading" element-loading-text="加载中">
          <el-table
            ref="multipleTable"
            :data="list"
            tooltip-effect="dark"
            @select-all="selsChange"
            @selection-change="selsChange"
            @select="selsChange"
            style="width: 100%"
            border
          >
            <el-table-column type="selection" width="35"></el-table-column>
            <el-table-column prop="name" label="全选" width="140" height="100">
              <template slot-scope="scope">
                <span class="avatar">
                  <img :src="scope.row.accessoryid" width="100" height="100">
                </span>
              </template>
            </el-table-column>

            <el-table-column label>
              <template slot-scope="scope">
                <div class="content" @click="details(scope.row.actionid)">
                  <h4 class="text-title">{{scope.row.title}}</h4>
                  <p>{{scope.row.insertdate}}</p>
                </div>
              </template>
            </el-table-column>
            <el-table-column fixed="right" label width="120" align="center">
              <template slot-scope="scope">
                <div class="cell-right">
                  <button class="edit" @click="edit(scope.row.actionid)">编辑</button>
                  <el-button
                    class="del"
                    size="mini"
                    type="danger"
                    @click="del(scope.row.actionid)"
                  >删除</el-button>
                </div>
              </template>
            </el-table-column>
          </el-table>
          <!-- 分页 -->
          <div class="page">
            <el-pagination
              :total="total"
              @current-change="handleCurrentChange"
              background
              layout="total, prev, pager, next, jumper"
            ></el-pagination>
          </div>
        </div>
        <div class="dels pa" @click="dels">批量删除</div>
      </div>
    </div>
  </div>
</template>


<script src="./newest.js">
</script>

<style scoped src="./newest.css">
</style>
